<template>
    <div class="orderlist">
        <ul>
            <li>
                <router-link to="/my/orderList/allOrder">
                    所有订单
                </router-link>
            </li>
            <li>
                <router-link to="/my/orderList/successOrder">
                    成功订单
                </router-link>
            </li>
            <li>
                <router-link to="/my/orderList/cancelledOrder">
                    已取消订单
                </router-link>
            </li>
        </ul>
        <div class="detailBox">
            <router-view />
        </div>

        
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.orderlist {
    width: 960px;
    ul {
        width: 960px;
        height: 48px;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 16px;
        li {
            width: 100px;
            height: 48px;
            float: left;
            a {
                font-size: 14px;
                text-align: center;
                line-height: 48px;
                display: block;
                color: #333;
            }
        }
    }
    
}
</style>
